﻿@{
    ViewBag.Title = "Home Page";
}


    <div id="body">
    
    	<div class="bodyLeft">
        	<div class="box">
            <h1>Create Account</h1>
            @*<p>Sign up now for <%= Html.Encode(ViewData["Display Name"]) %> and select systems and find components and spare parts the easy way.</p>*@
            <p>Sign up now for @Html.Encode(@ViewBag.CompanyName) and select systems and find components and spare parts the easy way.</p>
                <form action="../User/Index">

                    @if (Session["IsResellerVisitor"] == null || bool.Parse(Session["IsResellerVisitor"].ToString()) == false)
                       {
                        <input type="submit" class="default button btnSmall" value="Get Started!" />
                    } else {
                        @Html.ActionLink("Get Started!", "StartRegistrationCustomer", "User", null, new { @class = "default button btnSmall" })
                    }
                </form>
            </div>
        </div>
        
        <div class="bodyRight">
            <h1>Welcome to @Html.Encode(@ViewBag.CompanyName),<br />
		    <strong>Online Quote and Ordering Service for dry and wet bulk unloading systems, components and spare parts.</strong></h1>
            <div id="fiveImages">
                <table>
                    <tr>
                        <td>
                            <img src="../../Assets/images/cartbg1.jpg" width="150px" height="75px" />
                        </td>
                        <td>
                            <img src="../../Assets/images/cartbg2.jpg" width="150px" height="75px" />
                        </td>
                        <td>
                            <img src="../../Assets/images/cartbg3.jpg" width="150px" height="75px" />
                        </td>
                        <td>
                            <img src="../../Assets/images/cartbg4.jpg" width="150px" height="75px" />
                        </td>
                        <td>
                            <img src="../../Assets/images/cartbg5.jpg" width="150px" height="75px" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <h4 style="text-align:center">Transport Type</h4>
                        </td>
                        <td>
                            <h4 style="text-align:center">Product Type</h4>
                        </td>
                        <td>
                            <h4 style="text-align:center">Unloading Type</h4>
                        </td>
                        <td>
                            <h4 style="text-align:center">Drive Type</h4>
                        </td>
                        <td>
                            <h4 style="text-align:center">Sub Type</h4>
                        </td>
                    </tr>
                </table>
            </div>
        
        </div>
    
    </div>
@*</div></div>*@ @*This is closing the div of 'mainContainer' that is started on the master page *@

<div id="lowerContainer">

	<div id="lowerContainerInner">
    
    	
        @*<h2>See how easy it is:</h2>*@
        
        <div class="lower_2Col_Left">
            <br style="clear:both;" />
            <div style="margin: 25px auto 0 auto; text-align:center;">
                <a href="../CreateSystem/Build">
                    <img src="../../Assets/images/see-how-easy.png" />
                </a>
            </div> 
            <br style="clear:both;" />
            <a href="../CreateSystem/BuildASystem">
                <img src="../../Assets/images/buildyoursystem.png" style="position: absolute; right: 10px; bottom: 0;" alt="" />
            </a>
        </div>
        <div class="lower_2Col_Right">
        <h2>Watch our overview:</h2>
        	<div style="margin: 23px 0 0 11px; overflow: hidden;">
                  
                <!-- Start of Brightcove Player -->
                <div style="display:none">
                </div>

                <!-- Start of Brightcove Player -->

                <div style="display:none">

                </div>

                <!--
                By use of this code snippet, I agree to the Brightcove Publisher T and C 
                found at https://accounts.brightcove.com/en/terms-and-conditions/. 
                -->

                @*<script type="text/javascript" src="http://admin.brightcove.com/js/BrightcoveExperiences.js"></script>*@

                <object id="myExperience809443560001" class="BrightcoveExperience">
                  <param name="bgcolor" value="#CCCCCC" />
                  <param name="width" value="448" />
                  <param name="height" value="251" />
                  <param name="playerID" value="658220566001" />
                  <param name="playerKey" value="AQ~~,AAAAmI3fB-k~,bYskrutQLV-84dM71rahZa7TKBYMzdkd" />
                  <param name="isVid" value="true" />
                  <param name="dynamicStreaming" value="true" />
    
                  <param name="@@videoPlayer" value="809443560001" />
                </object>

                <!-- 
                This script tag will cause the Brightcove Players defined above it to be created as soon
                as the line is read by the browser. If you wish to have the player instantiated only after
                the rest of the HTML is processed and the page load is complete, remove the line.
                -->
                @*<script type="text/javascript">brightcove.createExperiences();</script>*@

                <!-- End of Brightcove Player -->
            
            </div>
            <a href="../User/Index">
                <img src="../../Assets/images/readytogetstarted.png" style="position: absolute; right: 10px; bottom: 0;" alt="" />
            </a>
        </div>
    
    </div>

</div>